<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>回收价列表</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="../layui/css/layui.css"  media="all">
    <script type="text/javascript" src="../js/jquery.min.js"></script>
    <script type="text/javascript" src="../jquery-easyui-1.5.3/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="../jquery-easyui-1.5.3/easyui-lang-zh_CN.js"></script>
    <script type="text/javascript" src="../js/jquery.qrcode.min.js"></script>
    <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
</head>
<body>
<form class="layui-form" id="addproxy1">
    <div class="layui-form-item">


        <div class="layui-btn-group demoTable" id="demoTable">

            <button class="layui-btn" data-type="reload">搜索</button>
        </div>
    </div>
</form>
<table class="layui-hide" id="merchant" lay-filter="merchant" lay-data="{height: 'full-200', cellMinWidth: 80}"></table>
<script src="../layui/layui.js" charset="utf-8"></script>
<script type="text/javascript" src="../js/tool.js"></script>
<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
<script >
    layui.use(['form','table',"laydate"], function(){
        var form = layui.form;
        var  table = layui.table;
        $=layui.$;

        //方法级渲染
        table.render({
            elem: '#merchant'
            ,url: '/refuse-web/admin/price'
            ,cols: [
                [
                    {checkbox: true, fixed: true}
                    ,{field:'id', title: 'id',  fixed: true}
                    ,{field:'name', title: '类型'}
                    ,{field:'xqname', title: '小区'}
                    ,{field:'price', title: '单价'}
                    ,{field:'date', title: '日期'}

//       ,{title:'操作', align:'center', width: 300, toolbar: '#toolbar'} //这里的toolbar值是模板元素的选择器
                ]
            ]
            ,id: 'testReload'
            ,page: true
        });
        // $.ajax({
        //     url:'getxqlist',
        //     type:"post",
        //     data: {
        //         id: 1
        //     },
        //     success:function(d){
        //
        //         let str="";
        //         for(let i of d){
        //             str+=`<option value='${i.id}'>${i.xqname}</option>`;
        //         }
        //         $("#jdname").append(str);
        //         form.render();
        //     }
        // })
//监听工具条
        table.on('tool(merchant)', function(obj){ //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"
            var uid = obj.data.uid; //获得当前行数据
            var fcode = obj.data.fcode; //获得当前行数据
            var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
            var tr = obj.tr; //获得当前行 tr 的DOM对象
            if(layEvent === 'info'){ //修改系统用户别名
                //多窗口模式，层叠置顶
                layer.open({
                    type: 2 //此处以iframe举例
                    ,title: '垃圾袋详情'
                    ,area: ['1200px', '600px']
                    ,shade: 0
                    ,maxmin: true
                    ,offset:  'auto'
                    ,content: 'tobaginfolist?fcode='+fcode
                    ,zIndex: layer.zIndex //重点1
                    ,success: function(layero){
                        layer.setTop(layero); //重点2
                    }
                });

            }else if(layEvent === 'detail'){

                layer.open({
                    type: 1
                    ,offset: 'auto' //具体配置参考：http://www.layui.com/doc/modules/layer.html#offset
                    ,id: 'layerDemo' //防止重复弹出
                    ,content: '<div style="padding: 20px 100px;"><input type="text" id="name" ></div>'
                    ,btnAlign: 'c' //按钮居中
                    ,shade: 0 //不显示遮罩
                    ,btn: ['关闭', '确定'] //只是为了演示
                    ,yes: function(){
                        layer.closeAll();
                    }
                    ,btn2: function(){
                        var name=$("#name").val();
                        $.ajax({
                            type: "post",
                            dataType: "json",
                            url: "user/updatesystemname",
                            async: true,
                            data: {
                                uid: uid,
                                systemname: name,


                            },
                            success: function(data) {
                                var map=data;
                                if(map.code==200) {
                                    layer.msg(map.msg);
                                    Reload();
                                } else {
                                    layer.msg(map.msg);
                                }
                            },
                            error: function(msg) {
                                alert("服务器请求失败！");
                            }
                        });
                    }

                });


            }else if(layEvent === 'wx'){
                layer.open({
                    type: 2 //此处以iframe举例
                    ,title: '添加通道'
                    ,area: ['1200px', '600px']
                    ,shade: 0
                    ,maxmin: true
                    ,offset:  'auto'
                    ,content: 'zfb.html?uid='+obj.data.uid+'&istype=20001'
                    ,zIndex: layer.zIndex //重点1
                    ,success: function(layero){
                        layer.setTop(layero); //重点2
                    }
                });
            }
        });
        var $ = layui.$, active = {
            getCheckData: function(){ //获取选中数据
                //多窗口模式，层叠置顶
                layer.open({
                    type: 2 //此处以iframe举例
                    ,title: '添加垃圾袋'
                    ,area: ['1200px', '600px']
                    ,shade: 0
                    ,maxmin: true
                    ,offset:  'auto'
                    ,content: 'webbag/addbag.html'
                    ,zIndex: layer.zIndex //重点1
                    ,success: function(layero){
                        layer.setTop(layero); //重点2
                    }
                });

            },
            getCheckData1: function(){ //获取选中数据
                //多窗口模式，层叠置顶
                layer.open({
                    type: 1
                    ,offset: 'auto' //具体配置参考：http://www.layui.com/doc/modules/layer.html#offset
                    ,id: 'layerDemo' //防止重复弹出
                    ,content: '<div style="padding: 20px 100px;">确定导出吗？</div>'
                    ,btnAlign: 'c' //按钮居中
                    ,shade: 0 //不显示遮罩
                    ,btn: ['关闭', '确定'] //只是为了演示
                    ,yes: function(){
                        layer.closeAll();
                    }
                    ,btn2: function(){
                        var num=null;
                        var type=$("#type").val();
                        var islq=$("#islq").val();
                        var xqid=$("#jdname").val();
                        var startTime=$("#startTime").val();
                        $.ajax({
                            type: "post",
                            dataType: "json",
                            url: "export",
                            async: true,
                            data: {
                                fcode: num,
                                type:type,
                                islq:islq,
                                xqid:xqid,
                                startTime:startTime
                            },
                            success: function(data) {
                                var map=data;
                                //alert(map.result);
                                if(map.code==200) {
                                    window.location.href="/ljfl/"+map.result
                                } else {
                                    layer.msg(map.msg);
                                }
                            },
                            error: function(msg) {
                                alert("服务器请求失败！");
                            }
                        });
                    }

                });

            },
            reload: function(){
                var type = $('#type').val();
                var islq = $('#islq').val();
                var startTime = $('#startTime').val();
                //执行重载
                table.reload('testReload', {
                    page: {
                        curr: 1 //重新从第 1 页开始
                    }
                    ,where: {
                        type: type,
                        islq:islq,
                        startTime:startTime
                    }
                });
            }

        };

        $('.demoTable .layui-btn').on('click', function(){
            var type = $(this).data('type');
            active[type] ? active[type].call(this) : '';
            //防止二次提交
            return false;
        });


    });

    function Reload()
    {
        window.location.reload()
    };

</script>
<script type="text/html" id="toolbar">
    <a class="layui-btn layui-btn-xs" data-method="setTop" lay-event="info">垃圾袋详情</a>
</script>
</body>
</html>